<template>
  <div class="bottom">
             <div class="bottom_content">
                 <span class="ns">消费趋势图</span>
                 <div class="chart-inner">
                  <TrendChart></TrendChart>
                 </div>
             </div>
         </div>
 </template>

 <script>
  import TrendChart from './TrendChart'
  export default {
    components: {
      TrendChart
    }
  }
 </script>

 <style lang="scss" scoped>
 .bottom{
     margin-top: 20px;
     margin-bottom: 20px;
     .bottom_content{
         padding-bottom: 20px;
         background: #ffffff;
         border-radius: 8px;
         .ns{
             font-size: 16px;
             font-family: PingFang SC,PingFang SC-Semibold;
             font-weight: 600;
             text-align: LEFT;
             color: #333;
             line-height: 40px;
             margin-left: 15px;
         }
     }
 }
 .chart-inner {
  margin-top: -30px;
 }
 </style>
